<template>
    <div style="width: 80vw">
        <div id="hader">
            <div>全部订单</div>
        </div>
        <div style="overflow: hidden">
            <div style="margin-top: 20px;">
            <div class="block" style="float: left;">
                <span class="demonstration">起始时间:</span>
                <el-date-picker
                        v-model="OrderBo.value1"
                        type="datetime"
                        size="mini"
                        placeholder="选择日期时间">
                </el-date-picker>
            </div>
            <div class="block" style="float: left;margin-left: 50px">
                <span class="demonstration">起止时间:</span>
                <el-date-picker
                        v-model="OrderBo.value2"
                        type="datetime"
                        size="mini"
                        placeholder="选择日期时间">
                </el-date-picker>
            </div>
                <el-button  style="margin-left: 10px" class="right_button right" @click="selectAll"  size="mini">搜索</el-button>
                <div style="margin-left: 1200px;font-size: 12px;margin-top: -25px"><el-input style="width: 200px"  class="right_input" size="mini" v-model="OrderBo.value3"   placeholder="订单号"></el-input>
                    <el-button  style="margin-left: 10px" class="right_button right" @click="selectAll"  size="mini">搜索</el-button>
                </div>
            </div>

<!--            <el-select @change="zhuotaiQuery" v-model="value1" placeholder="请选择">-->
<!--                <el-option-->
<!--                        v-for="item in options"-->
<!--                        :key="item.deskTypeId"-->
<!--                        :label="item.deskName"-->
<!--                        :value="item.deskTypeId">-->
<!--                </el-option>-->
<!--            </el-select>-->
<!--            <el-select v-model="value2" placeholder="请选择">-->
<!--                <el-option-->
<!--                        v-for="item in options1"-->
<!--                        :key="item.deskId"-->
<!--                        :label="item.deskCode"-->
<!--                        :value="item.deskCode">-->
<!--                </el-option>-->
<!--            </el-select>-->
            <el-table
                    :data="this.orderList.records"
                    stripe
                    style="width: 100%">
                <el-table-column label="订单编号" width="300">
                    <template slot-scope="scope">
                        <el-button @click="fuzhi(scope.row)">{{scope.row.orderNumber}}</el-button>
                    </template>
                </el-table-column>
                <el-table-column
                        prop="desk.deskCode"
                        label="桌台编号"
                        width="200">
                </el-table-column>
                <el-table-column label="支付方式">
                    <template slot-scope="scope">
                        <span v-if="scope.row.orderState==1">
                            <span v-if="scope.row.orderPaymentMethod==0">
                                现金支付
                            </span>
                             <span v-if="scope.row.orderPaymentMethod==1">
                                会员支付
                             </span>
                             <span v-if="scope.row.orderPaymentMethod>=2">
                                小程序支付
                             </span>
                        </span>
                        <span v-if="scope.row.orderState!=1">
                            <span>未结账</span>
                        </span>
                    </template>
                </el-table-column>
                <el-table-column
                        prop="orderTime"
                        label="下单时间">
                </el-table-column>
                <el-table-column label="订单状态">
                    <template slot-scope="scope">
                        <el-button @click="dialogVisible1=true"  v-if="scope.row.orderState==1"
                                size="primary">已完成</el-button>
                        <el-button  v-if="scope.row.orderState==0"
                                type="danger" @click="dialogVisible2=true,handleDelete2(scope.row)">未完成</el-button>
                        <el-button  v-if="scope.row.orderState==66" @click="handleDelete(scope.row),dialogVisible = true"
                                    type="warning">未通知</el-button>
                    </template>
                </el-table-column>
                <el-table-column label="打印小票">
                    <template slot-scope="scope">
                        <el-button type="danger" @click=" handleDelete3(scope.row)">打印小票</el-button>
                    </template>
                </el-table-column>
                <el-table-column label="查看菜品完成情况" width="150">
                    <template slot-scope="scope">
                        <el-button  icon="el-icon-loading" @click="handleDelete4(scope.row),dialogVisible0=true" circle></el-button>
                    </template>
                </el-table-column>
            </el-table>
            <div style="text-align: center">
                <el-pagination
                        @size-change="selectAll()"
                        @current-change="selectAll()"
                        :current-page.sync="OrderBo.page.current"
                        :page-size.sync="OrderBo.page.size"
                        :page-sizes="[3, 6]"
                        layout="total, prev, pager, next,sizes"
                        :total="this.orderDataTotal">
                </el-pagination>
            </div>
        </div>
<!--        订单详情-->
        <el-dialog
                title="该订单详情"
                :visible.sync="dialogVisible"
                width="25%"
                :before-close="handleClose">
            <div class="body" style="font-weight: bolder">
                <div class="hader2">
                    <div>{{this.shangdianName}}消费详情<span></span></div>
                </div>
                <div style="overflow: hidden;margin-top: 10px;">
                    <div class="left1">
                        <span>桌号:{{this.deskId}}</span>
                        <span>员工:{{this.clrekName}}</span>
                    </div>
                    <div class="right1">
                        <span>日期:{{this.time}}</span>
                        <span>单号:{{this.orderCrd}}</span>
                    </div>
                </div>
                <div>
                    <div style="border-bottom: 1px dashed #666666;margin-top: 10px"></div>
                    <div class="toubu">
                        <span>菜品名称</span>
                        <span style="margin-left: 100px">数量</span>
                        <span style="margin-left: 90px">单价</span>              <span style="margin-left: 70px">金额</span>
                    </div>
                    <div class="dd" style="margin-top: 5px" v-for="(item,index) in orderInfoList " :key="index">
                        <span>{{item.menu.menuName}}</span>
                        <span style="margin-left: 80px">{{item.oiSize}}</span>
                        <span style="margin-left: 100px">{{item.menu.menuPrice}}.00</span>              <span style="margin-left: 37px">{{item.menu.menuPrice*item.oiSize}}.00</span>
                    </div>
                    <div style="border-bottom: 1px dashed #666666;margin-top: 10px"></div>
                    <div style="margin-top: 15px">
                        备注:{{this.beizhu}}
                    </div>

                    <div style="margin-top: 10px;margin-left: 260px;margin-top: 20px">
                        <el-button style="margin-left: 60px" @click="dialogVisible=false, chufang()"  type="primary">打印给厨房端</el-button>
                    </div>
                </div>

            </div>

        </el-dialog>
        <el-dialog
                title="提示"
                :visible.sync="dialogVisible1"
                width="30%"
                :before-close="handleClose">
            <span>该订单已经支付完毕了</span>
            <span slot="footer" class="dialog-footer">
    <el-button type="primary" @click="dialogVisible1 = false">确 定</el-button>
  </span>
        </el-dialog>
<!--        支付功能-->
        <el-dialog
                title="支付"
                :visible.sync="dialogVisible2"
                width="30%"
                :before-close="handleClose">
            <div class="body1" style="font-weight: bolder">
                <div class="hader2">
                    <div>{{this.shangdianName}}支付<span></span></div>
                </div>
                <div style="overflow: hidden;margin-top: 10px;">
                    <div class="left1">
                        <span>桌号:{{this.deskId}}</span>
                        <span>员工:{{this.clrekName}}</span>
                    </div>
                    <div class="right1">
                        <span>日期:{{this.time}}</span>
                        <span>单号:{{this.orderCrd}}</span>
                    </div>
                </div>
                <div>
                    <div style="border-bottom: 1px dashed #666666;margin-top: 10px"></div>
                    <div class="toubu">
                        <span>菜品名称</span>
                        <span style="margin-left: 70px">数量</span>
                        <span style="margin-left: 75px">单价</span>              <span style="margin-left: 70px">金额</span> <span style="margin-left: 60px">是否上菜</span>
                    </div>
                    <div class="dd" style="margin-top: 5px" v-for="(item,index) in orderInfoList " :key="index">
                        <span>{{item.menu.menuName}}</span>
                        <span style="margin-left:71px">{{item.oiSize}}</span>
                        <span style="margin-left: 50px">{{item.menu.menuPrice}}.00</span>              <span style="margin-left: 37px">{{item.menu.menuPrice*item.oiSize}}.00</span>
                        <span style="margin-left: 50px" v-if="item.oiState==0">否</span>
                        <span style="margin-left: 60px" v-if="item.oiState==1">是</span>
                    </div>

                    <div  style="border-bottom: 1px dashed #666666;margin-top: 10px;"></div>


                    <div style="margin-top: 10px">
                        <template>
                            <el-radio v-model="radio" label="1">现金支付</el-radio>
                            <el-radio v-model="radio" label="2">会员支付</el-radio>
                        </template>
                    </div>
                    <div v-if="radio==1" style="margin-top: 10px;">
                        <div><img src="../../../public/dingdan/xianjin.png" height="120" width="300"/></div>
                        <div class="div1" style="margin-top:10px;line-height: 20px;overflow: hidden">
                            <div >优惠:0.00</div>
                            <div>原价:{{parseFloat(this.zongjia).toFixed(2)}}</div>
                            <div style="font-size: 20px;font-weight: bolder;">应付:{{parseFloat(this.zongjia).toFixed(2)}}</div>
                        </div>
                        <el-button type="success"  style="margin-top: 10px;margin-left: 350px" @click="xianjinZhiFu">支付完毕</el-button>
                    </div>
                    <div v-if="radio==2" style="margin-top: 10px;line-height: 50px">
                        <div>
                            <span style="font-size: 16px">手机号:</span><el-input style="width: 250px;margin-left: 18px" @blur="queryphone" v-model="user.userPhone" placeholder="请输入手机号"></el-input>
                            <span style="color: red" >{{this.prompt}}</span>
                        </div>
                        <div>
                            <span style="font-size: 16px">支付密码:</span><el-input style="width: 250px"   v-model="user.userPaymentCode" placeholder="请输入6位支付密码" show-password></el-input>
                        </div>
                        <div class="div1" style="margin-top:10px;line-height: 20px;overflow: hidden">
                            <div >消费金额:{{parseFloat(this.zongjia).toFixed(2)}}</div>
                            <div v-if="this.youhui1==''">会员优惠:</div>
                            <div v-if="this.youhui1!=''">会员优惠:{{parseFloat(this.youhui1).toFixed(2)}}</div>
                            <div v-if="this.jf==''">积分优惠:</div>
                            <div v-if="this.jf!=''">积分优惠:{{parseFloat(this.jf).toFixed(2)}}</div>
                            <div style="font-size: 20px;font-weight: bolder;" v-if="this.shujifukuan1==''">应付金额:</div>
                            <div style="font-size: 20px;font-weight: bolder;" v-if="this.shujifukuan1!=''">应付金额:{{parseFloat(this.shujifukuan1).toFixed(2)}}</div>
                        </div>
                        <el-button type="success" style="margin-top: 10px;margin-left: 350px" @click="vipZhiFu" >支付金额</el-button>
                    </div>



                </div>

            </div>

        </el-dialog>
<!--        打印小票-->
        <el-dialog
                title="打印小票"
                :visible.sync="dialogVisible3"
                width="25%"
                :before-close="handleClose">
            <div class="body" style="font-weight: bolder">
                <div class="hader2">
                    <div>{{this.shangdianName}}打印小票<span></span></div>
                </div>
                <div style="overflow: hidden;margin-top: 10px">
                    <div class="left1">
                        <span>桌号:{{this.deskId}}</span>
                        <span>员工:{{this.clrekName}}</span>
                    </div>
                    <div class="right1">
                        <span>日期:{{this.time}}</span>
                        <span>单号:{{this.orderCrd}}</span>
                    </div>
                </div>
                <div>
                    <div style="border-bottom: 1px dashed #666666;margin-top: 10px"></div>
                    <div class="toubu">
                        <span>菜品名称</span>
                        <span style="margin-left: 100px">数量</span>
                        <span style="margin-left: 90px">单价</span>              <span style="margin-left: 70px">金额</span>
                    </div>
                    <div class="dd" style="margin-top: 5px" v-for="(item,index) in orderInfoList " :key="index">
                        <span>{{item.menu.menuName}}</span>
                        <span style="margin-left: 100px">{{item.oiSize}}</span>
                        <span style="margin-left: 55px">{{item.menu.menuPrice}}.00</span>              <span style="margin-left: 37px">{{item.menu.menuPrice*item.oiSize}}.00</span>
                    </div>
                    <div style="border-bottom: 1px dashed #666666;margin-top: 10px"></div>

                                        <div style="margin-top:10px;line-height: 20px">
                                        <div>优惠:{{parseFloat(this.youhui2).toFixed(2)}}</div>
                                        <div>原价:{{parseFloat(this.zongjia).toFixed(2)}}</div>
                                        <div style="font-size: 20px;font-weight: bolder">实付:{{parseFloat(this.shijifukuan2).toFixed(2)}}</div>
                                        </div>
                    <div style="margin-top: 15px">
                        备注:{{this.beizhu}}
                    </div>
                    <div style="margin-top: 10px;margin-left: 260px;margin-top: 20px">
                        <el-button style="margin-left: 70px" @click="dialogVisible3=false, daYin()" type="primary">打印详情</el-button>
                    </div>
                </div>

            </div>

        </el-dialog>
<!--        菜品完成情况-->
        <el-dialog
                title="该订单详情"
                :visible.sync="dialogVisible0"
                width="25%"
                :before-close="handleClose">
            <div class="body" style="font-weight: bolder">
                <div class="hader2">
                    <div>{{this.shangdianName}}菜品完成情况<span></span></div>
                </div>
                <div style="overflow: hidden;margin-top: 10px;">
                    <div class="left1">
                        <span>桌号:{{this.deskId}}</span>
                        <span>员工:{{this.clrekName}}</span>
                    </div>
                    <div class="right1">
                        <span>日期:{{this.time}}</span>
                        <span>单号:{{this.orderCrd}}</span>
                    </div>
                </div>
                <div>
                    <div style="border-bottom: 1px dashed #666666;margin-top: 10px"></div>
                    <div class="toubu">
                        <span>菜品名称</span>
                        <span style="margin-left: 100px">数量</span>
                        <span style="margin-left: 90px">是否上菜</span>
                    </div>
                    <div class="dd" style="margin-top: 10px" v-for="(item,index) in orderInfoList " :key="index">
                        <span>{{item.menu.menuName}}</span>
                        <span style="margin-left: 100px">{{item.oiSize}}</span>
                        <span style="margin-left: 70px" v-if="item.oiState==0">否</span>
                        <span style="margin-left: 70px" v-if="item.oiState==1">是</span>
                    </div>
                    <div style="border-bottom: 1px dashed #666666;margin-top: 10px"></div>
                    <div style="margin-top: 10px;margin-left: 260px;margin-top: 20px">
                        <el-button style="margin-left: 60px" @click="dialogVisible0=false"  type="primary">关闭</el-button>
                    </div>
                </div>

            </div>

        </el-dialog>

    </div>
</template>

<script>

    export default {
        name: "Order",
        data(){
            return {
                dialogVisible0:false,
                OrderBo:{

                    page: {
                        current: 1,
                        size: 3
                    },
                    businessId:JSON.parse(sessionStorage.getItem("clerk")).clerkBusinessId,
                    value1:null,
                    value2:null,
                    value3:null,
                },
                orderInfo:{
                    page: {
                        current: 1,
                        size: 6
                    },
                    orderId:null,

                },
                orderList:{

                },
                orderInfoList:{

                },
                //订单详情头部信息
                shangdianName:null,
                orderCrd:null,
                clrekName:null,
                time:null,
                deskId:null,
                beizhu:null,

                orderDataTotal:null,
                orderInfoDataTotal:null,
                dialogVisible:false,
                zongjia:0,
                youhui:0,
                youhui1:'',
                youhui2:'',
                shujifukuan:0,
                shujifukuan1:'',
                shijifukuan2:'',
                money:0,
                jf:0,
                dialogVisible1:null,
                dialogVisible2:null,
                dialogVisible3:false,
                radio:'1',
                user:{
                    userPhone:null,
                    userPaymentCode:null,
                    money:null,
                    clerkId:JSON.parse(sessionStorage.getItem("clerk")).clerkId,
                    orderNumber:null,
                    userBusinessId:JSON.parse(sessionStorage.getItem("clerk")).clerkBusinessId,
                },
                prompt:null,
                xiaopiao:{
                    name:null,
                    zhuohao:null,
                    riqi:null,
                    yuangong:null,
                    dingdanhao:null,
                    beizhu:null,
                    youhui:null,
                    yuanjia:null,
                    shifu:null,
                    ordId:null,
                    clearId:null,
                },
                options: {

                },
                options1: {

                },
                deskBo:{
                    buid:null,
                    value1:null,
                    value2:null,
                },




            }

        },mounted() {
            this.selectAll()
        },
        methods:{
             copyText(text){ // text: 要复制的内容， callback: 回调
        var tag = document.createElement('input');
        tag.setAttribute('id', 'cp_hgz_input');
        tag.value = text;
        document.getElementsByTagName('body')[0].appendChild(tag);
        document.getElementById('cp_hgz_input').select();
        document.execCommand('copy');
        document.getElementById('cp_hgz_input').remove();




    },
            //复制
            fuzhi(row){
                 this.copyText(row.orderNumber)
                this.$message.success('订单号已经复制!')
            },
            //根据时间查询
            //桌台二级菜单
            quyuQuery(){
                this.deskBo.buid=JSON.parse(sessionStorage.getItem("clerk")).clerkBusinessId
                this.$axios.post("administration/desk/quyuQuery",this.deskBo).then(response=>{
                    this.options=response.data;
                })
            },
            zhuotaiQuery(){
                this.deskBo.deskId=this.value1
                this.deskBo.buid=JSON.parse(sessionStorage.getItem("clerk")).clerkBusinessId
                this.$axios.post("administration/desk/zhuotaiQuery",this.deskBo).then(response=>{
                    this.options1=response.data;
                })
            },
            //打印给厨房段
            chufang(){
                alert("aaa")
                this.xiaopiao.zhuohao= this.deskId
                this.xiaopiao.riqi=this.time;
                this.xiaopiao.yuangong=JSON.parse(sessionStorage.getItem("clerk")).clerkName
                this.xiaopiao.clearId=JSON.parse(sessionStorage.getItem("clerk")).clerkId
                this.xiaopiao.beizhu=this.beizhu
                this.xiaopiao.name=this.shangdianName;
                this.$axios.post("administration/order-info/chufang",this.xiaopiao).then(response=>{
                    if(response.data!=null){
                        this.selectAll()
                        this.$message({
                            message: "打印成功,位置在:"+response.data,
                            type: 'success'
                        });

                    }
                })
            },
            //打印小票
           daYin(){
               this.xiaopiao.zhuohao= this.deskId
               this.xiaopiao.riqi=this.time;
               this.xiaopiao.yuangong=JSON.parse(sessionStorage.getItem("clerk")).clerkName
               this.xiaopiao.beizhu=this.beizhu
               this.xiaopiao.youhui=this.youhui2;
               this.xiaopiao.yuanjia=this.zongjia;
               this.xiaopiao.shifu=this.shijifukuan2
               this.xiaopiao.name=this.shangdianName;
                this.$axios.post("administration/order-info/daYin",this.xiaopiao).then(response=>{
                    if(response.data!=null){
                        this.$message({
                            message: "打印成功,位置在:"+response.data,
                            type: 'success'
                        });
                    }
                })

            },
            //现金支付
            xianjinZhiFu(){
                this.user.orderNumber=this.orderCrd;
                this.user.money=this.zongjia
                this.$axios.post("administration/order-info/xianjinZhiFu",this.user).then(response=>{
                    if(response.data.code==200){
                        alert(response.data.message)
                        this.dialogVisible2=false;
                        this.selectAll()
                    }else {
                        alert(response.data.message)
                    }
                })
            },
            //会员支付
            vipZhiFu(){
                this.user.money=this.shujifukuan1;
                this.user.orderNumber=this.orderCrd;
                this.$axios.post("administration/users/vipZhiFu",this.user).then(response=>{
                  if(response.data.code==200){
                      alert(response.data.message)
                      this.dialogVisible2=false;
                      this.selectAll()
                  }else {
                      alert(response.data.message)
                  }
                })
            },
            //鼠标离开手机号文本框看看手机号是否存在
            queryphone(){
                this.$axios.post("administration/order-info/queryphone",this.user.userPhone).then(response=>{
                    this.prompt=response.data.message
                    if(response.data.code==200){
                        this.jsjg();
                    }
                })
            },
            //查询会员价格
            jsjg(){
                this.$axios.post("administration/users/jsjg",this.user.userPhone).then(response=>{
                    let user=response.data;
                    if(user.userDiscount==10){
                        this.youhui1=this.zongjia*0.1
                        this.shujifukuan1=this.zongjia-this.youhui1
                    }
                    if(user.userDiscount==20){
                        this.youhui1=this.zongjia*0.2
                        this.shujifukuan1=this.zongjia-this.youhui1
                    }
                    if(user.userDiscount==30){
                        this.youhui1=this.zongjia*0.3
                        this.shujifukuan1=this.zongjia-this.youhui1
                    }
                    this.jf=user.userIntegral/100;
                    this.shujifukuan1=this.shujifukuan1-this.jf;

                })


            },
            //查询所有订单信息
            selectAll(){
                this.$axios.post("administration/order/queryOrder",this.OrderBo).then(response=>{
                    this.orderList=response.data
                    this.orderDataTotal=response.data.total
                })
            },
            //查询订单详情,顺便把文本框信息清空
            handleDelete(row)
            {
                this.xiaopiao.ordId=row.orderId
                this.xiaopiao.dingdanhao=row.orderNumber
                this.shangdianName=row.business.buName
                this.orderCrd=row.orderNumber;
                this.clrekName=JSON.parse(sessionStorage.getItem("clerk")).clerkName
                this.time=row.orderTime
                this.deskId=row.desk.deskCode
                this.beizhu=row.orderRemarks;

                this.youhui=0;
                this.shujifukuan=0;
                this.money=0
                this.zongjia=0
                this.user.userPhone=null;
                this.user.userPaymentCode=null;
                this.shujifukuan1='';
                this.jf=''
                this.youhui1=''
                this.$axios.post("administration/order-info/orderInfoQuery",row.orderId).then(response=>{
                    this.orderInfoList=response.data
                    for (var i = 0; i < this.orderInfoList.length; i++) {
                        this.money=this.orderInfoList[i].menu.menuPrice*this.orderInfoList[i].oiSize
                        this.zongjia+=this.money
                        this.youhui2=this.zongjia-this.orderInfoList[i].order.orderPrice
                        this.shijifukuan2=this.zongjia-this.youhui2
                    }



                })
            },
            handleDelete2(row)
            {
                this.shangdianName=row.business.buName
                this.orderCrd=row.orderNumber;
                this.clrekName=JSON.parse(sessionStorage.getItem("clerk")).clerkName
                this.time=row.orderTime
                this.deskId=row.desk.deskCode
                this.beizhu=row.orderRemarks;

                this.youhui=0;
                this.shujifukuan=0;
                this.money=0
                this.zongjia=0
                this.user.userPhone=null;
                this.user.userPaymentCode=null;
                this.shujifukuan1='';
                this.jf=''
                this.youhui1=''
                this.$axios.post("administration/order-info/orderInfoQuery",row.orderId).then(response=>{
                    this.orderInfoList=response.data
                    for (var i = 0; i < this.orderInfoList.length; i++) {
                        this.money=this.orderInfoList[i].menu.menuPrice*this.orderInfoList[i].oiSize
                        this.zongjia+=this.money
                        this.youhui2=this.zongjia-this.orderInfoList[i].order.orderPrice
                        this.shijifukuan2=this.zongjia-this.youhui2


                    }




                })
            },
            handleDelete3(row)
            {
                if(row.orderState!=1){
                    alert("订单未支付,无法打印小票")
                    return false
                }

                this.dialogVisible3=true
                this.shangdianName=row.business.buName
                this.orderCrd=row.orderNumber;
                this.clrekName=JSON.parse(sessionStorage.getItem("clerk")).clerkName
                this.time=row.orderTime
                this.deskId=row.desk.deskCode
                this.beizhu=row.orderRemarks;
                this.xiaopiao.ordId=row.orderId
                this.xiaopiao.dingdanhao=row.orderNumber

                this.youhui=0;
                this.shujifukuan=0;
                this.money=0
                this.zongjia=0
                this.user.userPhone=null;
                this.user.userPaymentCode=null;
                this.shujifukuan1=0;
                this.jf=0
                this.youhui1=0
                this.$axios.post("administration/order-info/orderInfoQuery",row.orderId).then(response=>{
                    this.orderInfoList=response.data
                    for (var i = 0; i < this.orderInfoList.length; i++) {
                        this.money=this.orderInfoList[i].menu.menuPrice*this.orderInfoList[i].oiSize
                        this.zongjia+=this.money
                        this.youhui2=this.zongjia-this.orderInfoList[i].order.orderPrice
                        this.shijifukuan2=this.zongjia-this.youhui2
                    }
                })
            },
            //查看菜品是否完成
            handleDelete4(row)
            {
                this.shangdianName=row.business.buName
                this.orderCrd=row.orderNumber;
                this.clrekName=JSON.parse(sessionStorage.getItem("clerk")).clerkName
                this.time=row.orderTime
                this.deskId=row.desk.deskCode
                this.beizhu=row.orderRemarks;
                this.xiaopiao.ordId=row.orderId
                this.xiaopiao.dingdanhao=row.orderNumber

                this.youhui=0;
                this.shujifukuan=0;
                this.money=0
                this.zongjia=0
                this.user.userPhone=null;
                this.user.userPaymentCode=null;
                this.shujifukuan1=0;
                this.jf=0
                this.youhui1=0
                this.$axios.post("administration/order-info/orderInfoQuery",row.orderId).then(response=>{
                    this.orderInfoList=response.data
                })
            },

            handleClose(done) {
                done();
            }

        }
    }
</script>

<style scoped>
    .dd{
        text-align: left;
        overflow: hidden;
    }
    .dd span{
        width: 60px;
        display: block;
        float: left;
    }
    .body1{
        height: 490px;
    }
    .div1>div{

    }
    .toubu{
        overflow: hidden;
        margin-top: 10px;
    }
    .toubu span{
        display: block;
        float: left;
    }
    #hader{
        background-color: #ffffff;
        border: 1px solid #eeeeee;
        border-radius: 3px;
        overflow: hidden;
        height: 60px;
        line-height: 60px;
        box-shadow: inset 1px 1px 1px 1px #eeeeee;
        text-align: center;

    }
    #hader div{
        size: 14px;
        cursor: pointer;
        color: #cccccc;
        font-weight: bold;
    }
    .dingdanbianhao{
        cursor: pointer;
    }
    .hader2{
        background-color: #ffffff;
        border: 1px solid #eeeeee;
        border-radius: 3px;
        overflow: hidden;
        height: 60px;
        line-height: 60px;
        box-shadow: inset 1px 1px 1px 1px #eeeeee;
        text-align: center;

    }
    .hader2 div{
        size: 14px;
        cursor: pointer;
        color: #cccccc;
        font-weight: bold;
    }
    .left1{
        float: left;

    }
    .right1{
        float: left;
        margin-left: 50px;
    }
    .left1 span{
        display: block;
    }
    .right1 span{
        display: block;
    }



</style>
